<script lang="ts" setup>
import { storeToRefs } from 'pinia';
import { useAppStore } from '@/store/appStore';

const { hospitalInfo } = storeToRefs(useAppStore());
</script>

<template>
  <view class="app-footer flex items-center justify-between">
    <view class="app-footer__item">
      <view class="app-footer__item-label">
        联系我们:
      </view>
      <view class="app-footer__item-content">
        服务热线: 15236589858
      </view>
    </view>
    <view class="app-footer__item ml-49">
      <view class="app-footer__item-label">
        就诊指南:
      </view>
      <view class="app-footer__item-content">
        提供挂号、就诊、缴费等一站式自助服务，方便患者高效完成就医流程。
      </view>
    </view>
    <image :src="hospitalInfo?.logoInfo" class="app-footer__logo" />
  </view>
</template>

<style lang="scss" scoped>
.app-footer {
  background: #e2ecfc;
  color: #50656a;
  height: 103px;
  padding-left: 40px;
  padding-right: 29px;

  .app-footer__item {
    .app-footer__item-label {
      font-size: 20px;
      font-weight: normal;
    }
    .app-footer__item-content {
      font-size: 20px;
      font-weight: 600;
    }
  }
  .app-footer__logo {
    width: 68px;
    height: 68px;
    margin-left: 28px;
  }
}
</style>
